<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="./ShangPinHui/favicon.ico">
    <link rel="stylesheet" href="./ShangPinHui/css/item.css">
    <title>尚品汇</title>
</head>

<body>
    <!-- 顶部导航条部分 -->
    <div class="top-main">
        <div class="topbar clearfix">
            <div class="top-left leftfix">
                <span>尚品汇欢迎您</span>
                <a href="#">请登录</a>
                <a href="#">免费注册</a>
            </div>
            <div class="top-right rightfix">
                <a href="#">我的订单</a>
                <a href="#">我的购物车</a>
                <a href="#">我的尚品汇</a>
                <a href="#">尚品汇会员</a>
                <a href="#">企业采购</a>
                <a href="#">关注尚品汇</a>
                <a href="#">我的合作招商</a>
                <a href="#">商家后台</a>
            </div>
        </div>
    </div>
    <!-- 页头部分 -->
    <div class="page-header clearfix">
        <div class="logo leftfix"><img src="./ShangPinHui/image/logo.png" alt="logo"></div>
        <div class="search rightfix">
            <input id="search" type="text">
            <label for="search">
                <span class="search-img"><img src="./ShangPinHui/image/serch_icon.png" alt="搜索"></span>
            </label>
        </div>
    </div>
    <!-- 导航部分 -->
    <div class="nav">
        <div class="nav-main"><span>全部商品分类</span>
            <a href="#">尚品超市</a>
            <a href="#">优惠券</a>
            <a href="#">买啥</a>
            <a href="#">尚品家电</a>
            <a href="#">尚品生鲜</a>
            <a href="#">PLUS会员</a>
            <a href="#">进口好物</a>
            <a href="#">品牌闪购</a>
            <a href="#">拍卖</a>
            <a href="#">五金商店</a>
        </div>
    </div>
    <!-- 主体部分 -->
    <div class="main">
        <div class="main-nav">
            <div class="main-navleft">
                
            </div>
            <div class="main-navcentre">
                <img src="./ShangPinHui/image/banner主图.png" alt="">
            </div>
            <div class="main-navright">
                <div class="main-kuaibao">

                </div>
                <div class="main-icon">

                </div>
            </div>
        </div>
    </div>
    <!-- 页脚部分 -->
    <div class="page-footer">

    </div>
<meter value=""></meter>
<progress></progress>
<datalist></datalist>
<ruby><rt></rt></ruby>
</body>

</html>